<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
%>
<html>
	<head>
		<base href="<%=basePath%>">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>小说详情</title>
		<link rel="icon" href="images/icon.gif" type="image/x-ico">
		<link href="css/style.css" rel='stylesheet' type='text/css'/>
		<link rel="stylesheet" href="css/nav.css">
		<link rel="stylesheet" href="iocnfont/iconfont.css">
		<link rel="stylesheet" href="css/gototop.css">
		<link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
		<script type="text/javascript"
				src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript"
				src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js"></script>
		<link rel="stylesheet" type="text/css" href="jquery/bs_pagination/jquery.bs_pagination.min.css">
		<script type="text/javascript" src="jquery/bs_pagination/jquery.bs_pagination.min.js"></script>
		<script type="text/javascript" src="jquery/bs_pagination/en.js"></script>

		<!----产品滑动的细节--->
		<!-- 包含  Etalage（放大镜） 文件 -->
		<link rel="stylesheet" href="css/etalage.css">
		<script src="js/jquery.etalage.min.js"></script>
		<!-- 包含 Etalage（放大镜） 文件 -->
		<script>

            //默认情况下取消和保存按钮是隐藏的
            var cancelAndSaveBtnDefault = true;


            jQuery(document).ready(function ($) {

                $('#etalage').etalage({
                    thumb_image_width: 300,
                    thumb_image_height: 400,

                    show_hint: true,
                    click_callback: function (image_anchor, instance_id) {
                        alert('Callback example:\nYou clicked on an image with the anchor: "' + image_anchor + '"\n(in Etalage instance: "' + instance_id + '")');
                    }
                });
                // 这是下拉列表示例:
                $('.dropdownlist').change(function () {
                    etalage_show($(this).find('option:selected').attr('class'));
                });


            });

            $(function () {

                $("#comment").focus(function () {
                    if (cancelAndSaveBtnDefault) {
                        //设置commentDiv的高度为130px
                        $("#commentDiv").css("height", "130px");
                        //显示
                        $("#cancelAndSaveBtn").show("2000");
                        cancelAndSaveBtnDefault = false;
                    }
                });

                $("#cancelBtn").click(function () {
                    //显示
                    $("#cancelAndSaveBtn").hide();
                    //设置commentDiv的高度为130px
                    $("#commentDiv").css("height", "90px");
                    cancelAndSaveBtnDefault = true;
                });

                $(".commentDiv").mouseover(function () {
                    $(this).children("div").children("div").show();
                });

                $(".commentDiv").mouseout(function () {
                    $(this).children("div").children("div").hide();
                });

                $(".myHref").mouseover(function () {
                    $(this).children("span").css("color", "red");
                });

                $(".myHref").mouseout(function () {
                    $(this).children("span").css("color", "#E6E6E6");
                });

                $("#commentBody").on("mouseover", ".commentDiv", function () {
                    $(this).children("div").children("div").show();
                })
                $("#commentBody").on("mouseout", ".commentDiv", function () {
                    $(this).children("div").children("div").hide();
                })

                //为开始阅读按钮绑定跳转到小说目录的div事件
                $("#chapter1").click(function () {
                    window.location.hash = "#chapter";
                })


                pageList(1, 2);

                //为查询按钮绑定事件
                $("#searchBtn").click(function () {
                    /*
                    	点击查询按钮的时候,我们应该将搜索框中的信息保存起来,保存到隐藏域中
                     */
                    $("#hidden-chapterId").val($.trim($("#chapterId").val()));
                    pageList(1, 2);
                    //然后将搜索框中的数据清空
                    $("#chapterId").val("");
                })

                //页面加载完毕后,展现该小说关联的评论信息列表
                showCommentList();

                //为保存按钮绑定事件,执行评论添加操作
                $("#saveCommentBtn").click(function () {
                    $.ajax({
                        url: "novel/saveComment.do",
                        data: {

                            "content": $.trim($("#comment").val()),
                            "novelId": "${n.id}",

                        },
                        type: "post",
                        dataType: "json",
                        success: function (data) {
                            /*
								data
									{"success":true/false,"c":{评论}}
							 */
                            if (data.success) {

                                //添加成功

                                //将textarea文本域中的信息清空
                                $("#comment").val("");

                                //在textarea文本域上方新增一个div
                                var html = "";

                                html += '<div id="' + data.c.id + '" class="commentDiv" style="height: 60px;">';
                                html += '<img title="zhangsan" src="image/user-thumbnail.png" style="width: 30px; height:30px;">';
                                html += '<div style="position: relative; top: -40px; left: 40px;">';
                                html += '<h5>' + data.c.content + '</h5>';
                                html += '<font color="gray">来自</font> <font color="gray">-</font> <b>${SESSION_USER.name}';
                                html += '<div style="position: relative; left: 500px; top: -30px; height: 30px; width: 100px; display: none;">';
                                html += '<a class="myHref" href="javascript:void(0);" onclick="editComment(\'' + data.c.id + '\')"><span class="glyphicon glyphicon-edit" style="font-size: 20px; color: #FF0000;"></span></a>';
                                html += '<nbsp;&nbsp;&nbsp;&nbsp;';
                                html += '<a class="myHref" href="javascript:void(0);" onclick="deleteComment(\'' + data.c.id + '\')"><span class="glyphicon glyphicon-remove" style="font-size: 20px; color: #FF0000;"></span></a>';
                                html += '</div>';
                                html += '</div>';
                                html += '</div>';

                                $("#commentDiv").before(html);

                            } else {
                                alert("评论添加失败");
                            }
                        }
                    })
                })

                //为更新按钮来绑定事件
                $("#updateBtn").click(function () {
                    var id = $("#commentId").val();
                    $.ajax({
                        url: "novel/updateComment.do",
                        data: {
                            "id": id,
                            "content": $.trim($("#content").val())
                        },
                        type: "post",
                        dataType: "json",
                        success: function (data) {
                            /*
                            	data
                            		{"success":ture/false,"c":{评论}}
                             */
                            if (data.success) {
                                //评论修改成功
                                //更新div中相应的信息,需要更新的内容有 content,editTime,editBy
                                $("#e" + id).html(data.c.content);
                                $("#s" + id).html("来自" + "${SESSION_USER.name}");

                                //更新内容之后关闭模态窗口
                                $("#editCommentModal").modal("hide");
                            } else {
                                alert("修改评论失败")
                            }
                        }
                    })

                })

            });

            function showCommentList() {
                $.ajax({
                    url: "novel/getCommentListByAid.do",
                    data: {
                        "novelId": "${n.id}",
                    },
                    type: "get",
                    dataType: "json",
                    success: function (data) {
                        var html = "";
                        $.each(data, function (i, n) {
                            html += '<div id="' + n.id + '" class="commentDiv" style="height: 60px;">';
                            html += '<img title="zhangsan" src="image/user-thumbnail.png" style="width: 30px; height:30px;">';
                            html += '<div style="position: relative; top: -40px; left: 40px;">';
                            html += '<h5 id="e' + n.id + '">' + n.content + '</h5>';
                            html += '<font color="gray">来自</font> <font color="gray">-</font> <b "id="s' + n.id + '">${SESSION_USER.name}</b>';
                            html += '<div style="position: relative; left: 500px; top: -30px; height: 30px; width: 100px; display: none;">';
                            html += '<a class="myHref" href="javascript:void(0);" onclick="editComment(\'' + n.id + '\')"><span class="glyphicon glyphicon-edit" style="font-size: 20px; color: #FF0000;"></span></a>';
                            html += '<nbsp;&nbsp;&nbsp;&nbsp;';
                            html += '<a class="myHref" href="javascript:void(0);" onclick="deleteComment(\'' + n.id + '\')"><span class="glyphicon glyphicon-remove" style="font-size: 20px; color: #FF0000;"></span></a>';
                            html += '</div>';
                            html += '</div>';
                            html += '</div>';
                        })
                        $("#commentDiv").before(html);//在id为commentDiv的div上方添加标签元素
                    }
                })
            }

            //给需要删除的添加触发事件
            //如果不知道该删除哪一条信息,就传值,传id
            function deleteComment(id) {

                $.ajax({
                    url: "novel/deleteComment.do",
                    data: {
                        "id": id
                    },
                    type: "post",
                    dataType: "json",
                    success: function (data) {
                        /*
                       		data:
                       			{"success":true/false}
                         */
                        if (data) {
                            //删除评论成功
                            //这种做法不行,记录使用的是before方法,每一次删除之后都会保留原有的数据
                            //showCommentList();
                            //找到需要删除记录的div,将div移除
                            $("#" + id).remove();
                        } else {
                            alert("删除评论失败");
                        }
                    }
                })
            }

            function editComment(id) {

                //alert(id);

                //将模态窗口中,隐藏域中的id赋值
                $("#commentId").val(id);

                //找到指定的存放评论信息的h5标签
                var content = $("#e" + id).html();

                //将h5中展现出来的信息赋予到修改操作模态窗口的文本域中
                $("#content").val(content);

                //以上信息处理完毕之后,将修改操作的模态窗口打开
                $("#editCommentModal").modal("show");

            }

            function pageList(pageNo, pageSize) {

                //查询前,将隐藏域中保存的信息取出来,重新赋予到搜索框中
                $("#chapterId").val($.trim($("#hidden-chapterId").val()));

                $.ajax({
                    url: "novel/pageList.do",
                    data: {
                        "pageNo": pageNo,
                        "pageSize": pageSize,
                        "id": $.trim($("#chapterId").val()),
                    },
                    type: "get",
                    dataType: "json",
                    success: function (data) {
                        var html = "";
                        $.each(data.dataList, function (i, n) {
                            html += '<tr>';
                            html += '<td id="' + n.novelid + '">' + n.name + '</td>';
                            html += '<td>' + n.content + '</td>';
                            html += '<td>' + n.createtime + '</td>';
                            html += '</tr>';
                        })

                        $("#chapterBody").html(html);

                        //计算总页数
                        var totalPages = data.total % pageSize === 0 ? data.total / pageSize : parseInt(data.total / pageSize) + 1;

                        //数据处理完毕后,结合分页插件对前端展现分页相关的信息
                        $("#chapterPage").bs_pagination({
                            currentPage: pageNo, // 页码
                            rowsPerPage: pageSize, // 每页显示的记录条数
                            maxRowsPerPage: 20, // 每页最多显示的记录条数
                            totalPages: totalPages, // 总页数
                            totalRows: data.total, // 总记录条数

                            visiblePageLinks: 3, // 显示几个卡片

                            showGoToPage: true,
                            showRowsPerPage: true,
                            showRowsInfo: true,
                            showRowsDefaultInfo: true,

                            //该回调函数是在,点击分页组件的时候触发的
                            //pageList方法调用的是自己写的方法,但是里面的参数,是分页插件提供的,不能碰
                            onChangePage: function (event, data) {
                                pageList(data.currentPage, data.rowsPerPage);
                            }
                        });

                    }
                })
            }
		</script>
		<!----产品滑动的细节--->
		<!-- 响应式tab插件 -->
		<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
		<script type="text/javascript">
            $(document).ready(function () {
                $('#horizontalTab').easyResponsiveTabs({
                    type: 'default', //Types: default默认, vertical垂直, accordion 手风琴
                    width: 'auto',
                    fit: true
                });
            });
		</script>
	</head>

	<body>

		<!-- 修改评论的模态窗口 -->
		<div class="modal fade" id="editCommentModal" role="dialog">
			<%-- 评论的id --%>
			<input type="hidden" id="commentId">
			<div class="modal-dialog" role="document" style="width: 40%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal">
							<span aria-hidden="true">×</span>
						</button>
						<h4 class="modal-title" id="myModalLabel">修改评论</h4>
					</div>
					<div class="modal-body">
						<form class="form-horizontal" role="form">
							<div class="form-group">
								<%--@declare id="edit-describe"--%><label for="edit-describe"
																		  class="col-sm-2 control-label">内容</label>
								<div class="col-sm-10" style="width: 81%;">
									<textarea class="form-control" rows="3" id="content"></textarea>
								</div>
							</div>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" id="updateBtn">更新</button>
					</div>
				</div>
			</div>
		</div>

		<input type="hidden" id="hidden-chapterId">

		<article class="other-content">
			<div class="container">
				<!--详情页面 -->
				<div class="col-lg-9 col-md-9 col-xs-9 col-sm-9 center">
					<div class="dreamcrub">
						<ul class="breadcrumbs">
							<li class="home">
								<a href="../../readr/index.jsp" title="返回首页">首页</a>&nbsp;
								<span>&gt;</span>
							</li>
							<li class="pickup">
								小说详情
							</li>
						</ul>
						<ul class="previous">
							<li><a href="../../readr/index.jsp" title="返回首页">返回首页</a></li>
						</ul>
						<div class="clearfix"></div>
					</div>

					<div class="singel_right">
						<div class="labout span_1_of_a1">
							<!-- 小说滑动模块  -->
							<ul id="etalage">
								<li>

									<img class="etalage_thumb_image" src="images/bigbook2.jpeg" class="img-responsive"/>
									<img class="etalage_source_image" src="images/bigbook2.jpeg"
										 class="img-responsive"/>
								</li>
								<li>
									<img class="etalage_thumb_image" src="images/bigbook12.jpg" class="img-responsive"/>
									<img class="etalage_source_image" src="images/bigbook12.jpg"
										 class="img-responsive"/>
								</li>
								<li>
									<img class="etalage_thumb_image" src="images/bigbook13.jpg" class="img-responsive"/>
									<img class="etalage_source_image" src="images/bigbook13.jpg"
										 class="img-responsive"/>
								</li>
								<li>
									<img class="etalage_thumb_image" src="images/bigbook2.jpeg" class="img-responsive"/>
									<img class="etalage_source_image" src="images/bigbook2.jpeg"
										 class="img-responsive"/>
								</li>
								<li>
									<img class="etalage_thumb_image" src="images/bigbook12.jpg" class="img-responsive"/>
									<img class="etalage_source_image" src="images/bigbook12.jpg"
										 class="img-responsive"/>
								</li>
								<li>
									<img class="etalage_thumb_image" src="images/bigbook13.jpg" class="img-responsive"/>
									<img class="etalage_source_image" src="images/bigbook13.jpg"
										 class="img-responsive"/>
								</li>
								<li>
									<img class="etalage_thumb_image" src="images/bigbook11.jpg" class="img-responsive"/>
									<img class="etalage_source_image" src="images/bigbook11.jpg"
										 class="img-responsive"/>
								</li>
								<div class="clearfix"></div>
							</ul>
						</div>
						<div class="cont1 span_2_of_a1">
							<h1> 黑雾之下</h1>
							<ul class="rating">
								<li><a class="product-rate" href="#"> </a> <span> </span></li>
								<li>
									<p>总字数：235.5万</p>
								</li>
								<div class="clearfix"></div>
							</ul>
							<div class="price_single">
								<span class="actual">总点击量：118.5万</span>
							</div>
							<h2 class="quick">简介</h2>
							<p class="quick_desc">
								不明黑色拱门的出现导致全球陷入巨大恐慌，负责探索门后世界的【灯塔基地】随之成立。
								　　天阳在探索127号世界时被队友出卖，本以为必死无疑，却意外觉醒复仇者职业，踏上一条前所未有的变强之路……
							</p>
							<div class="btn_form">
								<form>
									<input type="button" data-toggle="chapter" id="chapter1" value="开始阅读"
										   style="background:#ff0d40;color: #FFF;font-size: 0.8em;padding: 0.7em 1.2em;transition: 0.5s all;display: inline-block;text-transform: uppercase;border:none;outline:none;">
								</form>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
					<%--background-color: #2a6496;--%>
					<div id="chapter" style="height: 600px;margin-top: 20px">
						<form class="form-inline" role="form" style="position: relative;top: 1%; left: 250px;">
							<div class="form-group">
								<div class="input-group">
									<div class="input-group-addon">章节编号:</div>
									<input type="text" class="form-control" id="chapterId">
								</div>
							</div>
							<button id="searchBtn" type="button" class="btn btn-default">查询</button>
						</form>
						<br>
						<div style="position: relative;top: 10px;">
							<table class="table table-hover" style="margin-left: 10px;">
								<thead>
								<tr>
									<th style="width: 30%">章节名</th>
									<th style="width: 40%">内容</th>
									<th style="width: 30%">创建/更新时间</th>
								</tr>
								</thead>
								<tbody id="chapterBody">
								<%--<tr>
									<td id="s">章节名</td>
									<td>内容</td>
									<td>创建/更新时间</td>
								</tr>--%>
								</tbody>
							</table>
						</div>
						<div style="height: 50px; position: relative;top: 30px;">
							<div id="chapterPage"></div>
						</div>
					</div>

					<!-- 评论 -->
					<div id="commentBody" style="position: relative; top: 30px; left: 40px;">
						<div class="page-header">
							<h4>评论</h4>
						</div>
						<!-- 评论1 -->
						<%--<div class="commentDiv" style="height: 60px;">--%>
						<%--	<img title="zhangsan" src="image/user-thumbnail.png" style="width: 30px; height:30px;">--%>
						<%--	<div style="position: relative; top: -40px; left: 40px;">--%>
						<%--		<h5>哎呦！</h5>--%>
						<%--		<font color="gray">来自</font> <font color="gray">-</font> <b>zhangsan</b>--%>
						<%--		<div style="position: relative; left: 500px; top: -30px; height: 30px; width: 100px;display: none;">--%>
						<%--			<a class="myHref" href="javascript:void(0);"><span class="glyphicon glyphicon-edit" style="font-size: 20px; color: #E6E6E6;"></span></a>--%>
						<%--			&nbsp;&nbsp;&nbsp;&nbsp;--%>
						<%--			<a class="myHref" href="javascript:void(0);"><span class="glyphicon glyphicon-remove" style="font-size: 20px; color: #E6E6E6;"></span></a>--%>
						<%--		</div>--%>
						<%--	</div>--%>
						<%--</div>--%>
						<div id="commentDiv" style="background-color: #E6E6E6; width: 870px; height: 90px;">
							<form role="form" style="position: relative;top: 10px; left: 10px;">
								<textarea id="comment" class="form-control" style="width: 850px; resize : none;"
										  rows="2"
										  placeholder="添加评论...">
								</textarea>
								<p id="cancelAndSaveBtn" style="position: relative;left: 737px; top: 10px;">
									<button id="cancelBtn" type="button" class="btn btn-default">取消</button>
									<button id="saveCommentBtn" type="button" class="btn btn-primary">保存</button>
								</p>
							</form>
						</div>
					</div>
					<div style="height: 200px;"></div>

					<h3 class="like">精品推荐</h3>
					<ul id="flexiselDemo3">
						<li><img src="images/bigbook4.jpeg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：刘薰宇数学三书：数学原来应该这样学</a>
								<p>点击量：<span class="actual">¥ 97.70</span></p>
							</div>
						</li>
						<li><img src="images/bigbook5.jpg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：赛雷三分钟漫画：病毒、细菌与人类</a>
								<p>点击量：<span class="actual">¥ 49.80</span></p>
							</div>
						</li>
						<li><img src="images/bigbook6.jpg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：美国种族简史</a>
								<p>点击量：<span class="actual">¥ 17.70</span></p>
							</div>
						</li>
						<li><img src="images/bigbook4.jpeg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：刘薰宇数学三书：数学原来应该这样学</a>
								<p>点击量：<span class="actual">¥ 60.70</span></p>
							</div>
						</li>
						<li><img src="images/bigbook5.jpg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：赛雷三分钟漫画：病毒、细菌与人类</a>
								<p>点击量：<span class="actual">¥ 60.70</span></p>
							</div>
						</li>
					</ul>
					<script type="text/javascript">
                        $(window).load(function () {
                            $("#flexiselDemo3").flexisel({
                                visibleItems: 3,
                                animationSpeed: 1000,
                                autoPlay: true,
                                autoPlaySpeed: 3000,
                                pauseOnHover: true,
                                enableResponsiveBreakpoints: true,
                                responsiveBreakpoints: {
                                    portrait: {
                                        changePoint: 480,
                                        visibleItems: 1
                                    },
                                    landscape: {
                                        changePoint: 640,
                                        visibleItems: 2
                                    },
                                    tablet: {
                                        changePoint: 768,
                                        visibleItems: 3
                                    }
                                }
                            });

                        });
					</script>
					<script type="text/javascript" src="js/jquery.flexisel.js"></script>
					<h3 class="recent">最近浏览</h3>
					<ul id="flexiselDemo1">
						<li><img src="images/bigbook1.jpeg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：PS之光（全彩）</a>
								<p>点击量：<span class="actual">60.70万</span></p>
							</div>
						</li>
						<li><img src="images/bigbook2.jpeg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：漫画算法（全彩）</a>
								<p>点击量：<span class="actual">67.20万</span></p>
							</div>
						</li>
						<li><img src="images/bigbook3.jpeg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：大脑修复术 </a>
								<p>点击量：<span class="actual">53.20万</span></p>
							</div>
						</li>
						<li><img src="images/bigbook1.jpeg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：PS之光（全彩）</a>
								<p>点击量：<span class="actual">60.70万</span></p>
							</div>
						</li>
						<li><img src="images/bigbook2.jpeg" class="img-responsive"/>
							<div class="grid-flex"><a href="single.jsp">书名：漫画算法（全彩）</a>
								<p>点击量：<span class="actual">67.20万</span></p>
							</div>
						</li>
					</ul>

					<!-- 加载flexiselDemo1滑动插件 -->
					<script type="text/javascript">
                        $(window).load(function () {
                            $("#flexiselDemo1").flexisel({
                                visibleItems: 3,
                                animationSpeed: 1000,
                                autoPlay: true,
                                autoPlaySpeed: 3000,
                                pauseOnHover: true,
                                enableResponsiveBreakpoints: true,
                                responsiveBreakpoints: {
                                    portrait: {
                                        changePoint: 480,
                                        visibleItems: 1
                                    },
                                    landscape: {
                                        changePoint: 640,
                                        visibleItems: 2
                                    },
                                    tablet: {
                                        changePoint: 768,
                                        visibleItems: 3
                                    }
                                }
                            });

                        });
					</script>


				</div>
				<div class="clearfix"></div>


			</div>
			<!-- 回到顶部 -->

			<button class="gototop"><span>返回顶部</span></button>
			</div>
			<script src="js/gototop.js"></script>
			<!-- 初始化回到顶部的按钮 -->
			<script type="text/javascript">
                $(function () {
                    $(".gototop").gototop({
                        position: 0, //返回到页面顶部的位置
                        duration: 1250, //返回顶部平滑过渡动画的持续时间
                        visibleAt: 300, //返回顶部按钮在向下滚动多少像素时可见
                    });
                });
			</script>
		</article>
		<footer class="footer">
			<div class="container">
				<img src="images/logo.jpeg" width="100px" height="50px" alt=""/>
				<p><a href="https://www.ecut.edu.cn/">https://www.ecut.edu.cn/</a></p>
				<div class="copy">
					<p>Copyright &copy;2020 East China University of Technology. All Rights Reserved. <br>
						地址：南昌校区：江西省南昌市青山湖区蛟桥镇广兰大道418号；抚州校区：江西省抚州市学府路56号 邮编：330000 <br>
						电话：18317982215 张永康 赣ICP备xxxxxx号 <br></p>
				</div>
				<ul class="social">
					<li><a href="#"> <i class="fb"> </i> </a></li>
					<li><a href="#"> <i class="tw"> </i> </a></li>
				</ul>
			</div>
		</footer>
	</body>

</html>